<template>
  <view class="lightColour navTop" ref="navTop" id="navTop">
    <van-nav-bar
      title="银行卡信息"
      right-text="保存"
      left-arrow
      fixed
      class="loginNav"
      @click-left="onClickLeft"
      @click-right="onClickRight"
    />
    <div class="line"></div>

    <van-cell-group :border="false">
      <van-field :value="vvv" placeholder="请输入您的真实姓名" label="姓名" @chang="onChange"/>
      <van-field value placeholder="请输入您的银行卡号" label="银行卡号"/>
      <van-field value placeholder="请输入您的开户行" label="开户行"/>
      <van-field value placeholder="请输入银行预留手机号" label="手机号"/>
    </van-cell-group>
  </view>
</template>

<script>
export default {
  data() {
    return {
      vvv:'123'
    };
  },
  onReady() {},
  methods: {
    onClickLeft() {
      uni.navigateBack();
    },
    onClickRight() {
      uni.navigateBack();
    },
    onChange(){
      console.log(vvv)
    }
  }
};
</script>

<style lang="less">
.custom-icon {
  width: 50upx;
  height: 50upx;
  margin-right: 10upx;
}
</style>
